<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>01</title>
    <style>
      #viewer {
        border: 1px solid black;
        position: relative;
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        /* background-color: #7e7e7e; */
      }
    </style>
  </head>
  <body>
    <!-- set initial height to keep scroll position when refresh window -->
    <div id="viewer" style="height: 148000px"></div>

    <script src="/comic-reader/js/viewer.js"></script>
    <script>
      var data = [
        { src: '/comic-reader/books/01/9.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/11.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/13.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/15.jpg', width: 1200, height: 685 },
        { src: '/comic-reader/books/01/17.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/19.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/21.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/22.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/23.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/24.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/25.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/26.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/27.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/28.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/29.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/30.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/31.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/32.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/33.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/34.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/35.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/36.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/37.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/38.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/39.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/40.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/41.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/42.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/43.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/44.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/45.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/46.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/47.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/48.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/49.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/50.jpg', width: 1200, height: 97 },
        { src: '/comic-reader/books/01/51.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/52.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/53.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/54.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/55.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/56.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/57.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/58.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/59.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/60.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/61.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/62.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/63.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/64.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/65.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/66.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/67.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/68.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/69.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/70.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/71.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/72.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/73.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/74.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/75.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/76.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/77.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/78.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/79.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/80.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/81.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/82.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/83.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/84.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/85.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/86.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/87.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/88.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/89.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/90.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/91.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/92.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/93.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/94.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/95.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/96.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/97.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/98.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/99.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/100.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/101.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/102.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/103.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/104.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/105.jpg', width: 1200, height: 442 },
        { src: '/comic-reader/books/01/106.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/107.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/108.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/109.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/110.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/111.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/112.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/113.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/114.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/115.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/116.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/117.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/118.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/119.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/120.jpg', width: 1200, height: 614 },
        { src: '/comic-reader/books/01/121.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/122.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/123.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/124.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/125.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/126.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/127.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/128.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/129.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/130.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/131.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/132.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/133.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/134.jpg', width: 1200, height: 607 },
        { src: '/comic-reader/books/01/135.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/136.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/137.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/138.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/139.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/140.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/141.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/142.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/143.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/144.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/145.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/146.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/147.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/148.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/149.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/150.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/151.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/152.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/153.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/154.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/155.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/156.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/157.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/158.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/159.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/160.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/161.jpg', width: 1200, height: 1000 },
        { src: '/comic-reader/books/01/162.jpg', width: 1200, height: 696 },
      ];

      var viewer = new Viewer(document.getElementById('viewer'), data);
    </script>
  </body>
</html>
